<!--<div id="cao-page">-->
    <div id="cao-slider"><?php print render($page['slider']);?></div>
    <div id="cao-wrapper" class="cao-realBody">
        <!--header-->
        <div id="cao-header">
            <div id="header-left">
                <!--logo-floater-->
                <div id="logo-floater">
                    <?php if ($logo): ?>
                    <a href="<?php print check_url($front_page); ?>" title="<?php print t('Home'); ?>">
                        <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>"/>
                    </a>
                    <?php endif; ?>
                </div>
                <!--EOF:logo-floater-->
            </div>
            <div id="header-right">
                <!--Search area-->
                <div id="search-area">
                    <?php print render($page['search_area']);?>
                </div>
            </div>
        </div>
        <!--EOF:header-->

<!--        <div id="content">-->
<!--            --><?php //print render($page['content']); ?>
<!--        </div>-->

        <!--footer-->
        <div id="footer">
            <!--navigation-->
            <div id="navigation">
                <?php $menu_name = variable_get('menu_main_links_source', 'main-menu');
                $main_menu_tree = menu_tree($menu_name);
                print drupal_render($main_menu_tree); ?>
            </div>
            <!--EOF:navigation-->
            <div id="navigation-small">
                <ul id="menu">
                    <li><a href="#">About Cao</a></li>
                    <li>&bull; <a href="#">Customer Service</a></li>
                    <li>&bull; <a href="#">Media & Event</a></li>
                    <li>&bull; <a href="#">Contact Us</a></li>
                    <li>&bull; <a href="#">Privacy Policy</a></li>
                    <li>&bull; <a href="#">Sitemap</a></li>
                    <li>&bull; <a href="#">Newsletter</a></li>
                </ul>
            </div>
            <!--EOF:navigation-->
        </div>
        <!--EOF:footer-->
    </div>
    <!-- /#wrapper-->
<!--</div>-->

<script type="text/javascript">
    $(document).ready(function () {
        var window_height = $(window).height();
        $("#cao-slider").css('height', window_height);
    });
</script>
